.toView {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding: 26upx 0 88upx;
	.header {
		background: url(../../../static/img/monitor/information/bj3@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 702upx;
		height: 256upx;
		margin: 0 24upx;	
		z-index: 10;
		image {
			width: 622upx;
			height: 48upx;
			margin: 0 auto 44upx;
			display: block;
			padding-top: 27upx;
		}
		.information {
			width: 100%;
			padding: 0 42upx;
			box-sizing: border-box;
			.top,.bottom {
				display: flex;
				align-items: center;
				justify-content: space-around;
				view {
					color: #FFFFFF;
					font-weight: 30upx;
					margin-right: 25upx;
				}
				view:last-child {
					margin-right: 0;
				}
			}
			.bottom {
				margin-top: 20upx;
			}
		}
	}
	.two {
		background: url(../../../static/img/monitor/information/bj2@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 602upx;
		height: 254upx;
		margin: -222upx auto 0;
	}
	.three {
		background: url(../../../static/img/monitor/information/bj1@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 508upx;
		height: 254upx;
		margin: -226upx auto 0;
	}
	
	.mainContent {
		margin: 35upx 24upx 0;
		width: 702upx;
		.informationBox {
			margin-top: 33upx;
			.boxOne {
				width: 702upx;
				height: 302upx;
				background: #38CB97;
				border-radius: 24upx;
				padding: 18upx 0 0;
				box-sizing: border-box;
				image {
					width: 424upx;
					height: 38upx;
					display: block;
					margin: 0 auto;
				}
			}
			.boxTwo {
				width: 702upx;
				height: 100%;
				background: #FFFFFF;
				border-radius: 24upx;
				margin-top: -226upx;
				padding: 50upx 34upx;
				.item {
					display: flex;
					line-height: 62upx;
					color: #333333;
					font-size: 30upx;
					text{
						width: 280upx;
					}
					view {
						flex: 2;
					}
				}
			}
		}
	}
	.oneBox {
			width: 100%;
	}
	.pastHistory {
		display: flex;
		
		text {
			width: 100upx;
		}
		.twoBox {
			flex: 1;
		}
	}
}